Gem@ BLOG

Poner una imagen en la cabecera eliminando el título y los bordes

En esta entrada vamos a poner una imagen en la cabecera del blog eliminado el título y las líneas (borde) que lo envuelven.
Os recuerdo que las explicaciones son para la plantilla Minima aunque para plantillas puede servir de orientación.

Nos situamos en Plantilla/Edición HTML/ Expandir plantilla de artilugios.
Una vez allí donde dice:

*/
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

Cambia el valor border:1px de header-wrapper a border:0px y el de header también a border: 0px
(Lo anterior hace que el borde donde aparece el título desaparezca)

Más abajo a continuacion de: <div id='outer-wrapper'><div id='wrap2'> añadimos lo siguiente:

<div id='header'>
<a href='aquí-la-url-de-tu-blog '>
<img border='0' height='190' src='aquí-la-url-de-tu-imagen'
width='670'/></a>
</div>

(Con este cambio añadimos la imagen que hace enlace con nuestro blog de manera que al clicar en ella actualiza la página)

Por último debes buscar esta parte del código:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='PruebaBlog (cabecera)'
type='Header'>
<b:includable id='main'>
<div class='titlewrapper'>
<h1 class='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>

Eliminaremos los dos códigos <data:title/> guardamos los cambios y listo.
(Al eliminar <data:title/> estamos eliminando el título)

Y eso es todo espero te resulte.